<template>
  <div class="role-info-box">
    <div class="button-box">
      <div class="title-box"><span class="border" /><span>我的角色</span></div>
    </div>
    <div class="table-list-box">
      <el-table :data="rolesList" header-row-class-name="table-list-header" highlight-current-row style="width: 100%; min-height: 150px;">
        <el-table-column prop="groupName" show-overflow-tooltip label="角色组" />
        <el-table-column prop="roleName" show-overflow-tooltip label="角色名称" />
        <el-table-column prop="roleCode" show-overflow-tooltip label="角色编码" />
        <el-table-column prop="roleDesc" show-overflow-tooltip label="角色描述" />
        <el-table-column prop="createBy" show-overflow-tooltip label="授权人" />
        <el-table-column prop="createTime" show-overflow-tooltip label="授权时间" />
      </el-table>
    </div>
  </div>
</template>

<script>
export default {
  name: 'MyRoleTable',
  components: {},
  props: {},
  data() {
    return {
      rolesList: []
    }
  },

  computed: {},

  methods: {}
}
</script>
<style lang='scss' scoped>

</style>
